<template>
	<view class="dis_car_card">
		<image src="https://api.cst365.top/dis_car_img.jpg"></image>
		<view class="dis_car_info">
			<view class="dis_car_info_title">{{car.title}}</view>
			<view class="dis_car_info_sub">{{car.sub}}</view>
			<view class="dis_car_info_description">{{car.description}}</view>
			<view class="dis_car_info_bottom">
				<view class="dis_car_info_bottom_price">售价:{{car.price}}万</view>
				<view class="dis_car_info_bottom_guide">指导价:{{car.guidePrice}}万</view>
				<view class="dis_car_info_bottom_time">{{car.time}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"disCarCard",
		props:{
			car:{
				type:Object,
				default:{
					title:"北京BJ90 21款 4.0T尊驾",
					sub:"国产现车 墨玉黑丨赤金  运损车",
					description:"备注:本家开票，增值用户都行。开票巴拉巴拉罢了吧啦啦啦啦啦",
					price:"33.80",
					guidePrice:"16.54",
					time:"刚刚"
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
.dis_car_card{
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	margin-bottom:20rpx;
	padding: 30rpx 20rpx;
	background: #FFFFFF;
	border-radius: 14rpx;
	image{
		width: 174rpx;
		height: 129rpx;
	}
}
.dis_car_info{
	width:calc(100% - 174rpx) ;
	margin-left: 20rpx;
	.dis_car_info_title{
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: #000000;
		margin-bottom: 18rpx;
	}
	&_sub{
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		margin-bottom: 10rpx;
	}
	&_description{
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		margin-bottom: 20rpx;
	}
	&_bottom{
		display: flex;
		justify-content: space-between;
		&_price{
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 800;
			color: #EC4B4B;
		}
		&-guide{
			font-size: 20rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
		}
		&_time{
			font-size: 20rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
		}
	}
}
</style>